import { BasicForm, useForm } from '/@/components/Form';
import { defineComponent } from 'vue';
import { schemas } from './data';
import { Card } from 'ant-design-vue';

export default defineComponent({
  name: 'BasicTsx',
  setup() {
    const [register] = useForm({
      labelWidth: 110,
      baseColProps: { span: 24 },
      showActionButtonGroup: false,
      schemas,
    });
    return () => (
      <div class="p-4">
        <Card>
          <BasicForm onRegister={register}></BasicForm>
        </Card>
      </div>
    );
  },
});
